<!DOCTYPE html>
<style>
    .square { float:left; width:20px; height:20px; }
    .hotpink { background:hotpink; }
    .blue { background:blue; }
</style>
<p>There should be five consecutive squares below, from left to right: hotpink, blue, hotpink, blue, hotpink.</p>
<div class="hotpink square"></div>
<div class="blue square"></div>
<div class="hotpink square"></div>
<div class="blue square"></div>
<div class="hotpink square"></div>
